<template>
  <div>
    <div class="header">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="logo pull-left col-md-6 col-sm-6 col-xs-12">
              <h3>第五组实训项目展示</h3>
            </div>
            <div class="social col-md-6 col-sm-6 col-xs-12">
              <ul class="pull-right">
                <li><a href="#"><i class="fa fa-qq"></i></a></li>
                <li><a href="#"><i class="fa fa-wechat"></i></a></li>
                <li><a href="#"><i class="fa fa-weibo"></i></a></li>
                <li><a href="#"><i class="fa fa-tencent-weibo"></i></a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="main-title text-center">
              <h1>Blog big data analysis panel</h1>
              <p>这是我们组校企联合培训的实训项目，基于博客的大数据分析项目，致力于通过文章画像与用户行为分析出更佳的文章投放策略</p>
              <div id="countdown" data-wow-delay=".3s" data-date="Dec 26, 2015 06:00:00"></div>
              <router-link to="/index" class="subscribe-tag page-scroll">ENTER</router-link>
            </div>


          </div>
        </div>
      </div>
    </div>
    <div class="about text-center">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="title">
              <h3>关于我们</h3>
            </div>
            <div class="desc">
              <p>依托强有力的爬虫技术，我们成功爬取了13万条文章数据，通过算法对文章内容进行关键词分析，得出高频词。基于tfidf的加权得分计算能够得到更加精确的文章画像模型。
                基于spark+hadoop+hive组合的大数据分析框架能够轻松应对极大的数据量与复杂的算法分析运算。最后我们运用开源的制图框架echarts来将处理数据结果绘制成一个个鲜明易懂的数据图并组合成一个数据面板，
                方便数据分析师及产品分析师分析</p>
            </div>
          </div>
          <div class="featurebox col-md-12 col-sm-12 col-xs-12">
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="feature text-left">
                <h4>卓金鑫</h4>
                <p>项目经理，独立完成数据爬虫模块，mysql到hive的数据迁移工作，组织项目组例会，任务分发及进度评审，参与文档撰写以及软件测试</p>
              </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="feature text-left">
                <h4>展浩翔</h4>
                <p>独立完成数据面板基础架构，绘制echarts图表渲染，参与文档撰写以及软件测试</p>
              </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="feature text-left">
                <h4>周东明</h4>
                <p>负责spark+hadoop+hive的大数据组件整合落地的环境搭建工作，并实现用户画像的数据分析</p>
              </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="feature text-left">
                <h4>章锦川</h4>
                <p>负责大数据模块的文章画像分析，分词算法，tfidf算法等算法地落地实现，通过spark sql进行数据聚合分析等</p>
              </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="feature text-left">
                <h4>吴日华</h4>
                <p>负责echarts界面优化，完成部分echarts图表绘制，参与实现部分大数据分析以及聚合sql撰写</p>
              </div>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <div class="feature text-left">
                <h4>黄浠沿</h4>
                <p>负责项目需求分析设计，前期数据建模，模型分析，并参与撰写架构设计及relation rose设计</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer" id="footer">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="social text-center">
              <ul>
                <li><a href="#"><i class="fa fa-qq"></i></a></li>
                <li><a href="#"><i class="fa fa-wechat"></i></a></li>
                <li><a href="#"><i class="fa fa-weibo"></i></a></li>
                <li><a href="#"><i class="fa fa-tencent-weibo"></i></a></li>
              </ul>
            </div>
          </div>
          <div class="col-md-12 text-center footer-line">
            <p>Copyright &copy; 2020.Group Five name All rights reserved.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "try3",
    data() {
      return {

      }
    },
    methods: {
      changeScene() {
        const _this = this
        _this.$router.push('/index')
      }
    }
  }
</script>